<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/mopTip-2.2.css">
</head>
<body>
<div id="mopTip01" style="position: absolute; width: 190px; left: 512px; top: 512px; display: block;">
    <table border="0" cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td class="leftTop">&nbsp;</td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0" class="arrowSet" style="width: 150px;">
                        <tbody>
                            <tr>
                                <!-- 这里通过交换两个td位置实现箭头的移动 -->
                                <td class="arrow">&nbsp;</td>
                                <td class="top" style="width: 90px; height: 20px;">&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td class="rightTop"> </td>
            </tr>
            <tr>
                <td class="left">&nbsp;</td>
                <td class="tip" style="width: 150px; height: 0px;">
                    <div class="content">
                        "overClick" txt txt txt txt txt txt txt wenyue is a programmer.
                    </div>
                </td>
                <td class="right">&nbsp;</td>
            </tr>
            <tr>
                <td class="leftBottom">&nbsp;</td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0" class="arrowSetBottom">
                        <tbody>
                            <tr>
                                <!-- 150/20的无箭头底部，和上面有箭头的两个td交换可将箭头换到下面 -->
                                <td class="bottom" style="width: 150px; height: 20px;">&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td class="rightBottom"></td>
            </tr>
        </tbody>
    </table>
    <div class="close" style="display: block;">&nbsp;</div>
</div>
</body>
